<template>
  <div>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
      <!-- <el-breadcrumb-item>天誉远</el-breadcrumb-item> -->
      <el-breadcrumb-item>访视填写总览</el-breadcrumb-item>
    </el-breadcrumb>
    <el-card>
      <el-table :data="tableData" max-height="440" border style="width: 100%">
        <el-table-column prop="studyid" label="项目代码" ></el-table-column>
        <el-table-column prop="siteid" label="研究中心编号" ></el-table-column>
        <el-table-column prop="subjid" label="受试者代码"></el-table-column>
        <el-table-column prop="REALNAME" label="录入员"></el-table-column>
        <el-table-column prop="fs1" label="访视总数" ></el-table-column>
        <el-table-column prop="fswcs" label="访视完成数" ></el-table-column>
        <el-table-column prop="mc" label="当前访视"></el-table-column>
        <el-table-column prop="fsxh" label="已标注未采集访视"></el-table-column>
        <el-table-column prop="fswcl" label="访视完成率" ></el-table-column>
        <!-- <el-table-column prop="name" label="第4周" ></el-table-column>
        <el-table-column prop="address" label="第8周"></el-table-column>
        <el-table-column prop="date" label="第12周" ></el-table-column>
        <el-table-column prop="name" label="第24周" ></el-table-column>
        <el-table-column prop="address" label="第36周"></el-table-column>
        <el-table-column prop="date" label="第48周" ></el-table-column>
        <el-table-column prop="name" label="第60周" ></el-table-column>
        <el-table-column prop="address" label="第72周"></el-table-column>
        <el-table-column prop="date" label="第84周" ></el-table-column>
        <el-table-column prop="name" label="第96周" ></el-table-column>
        <el-table-column prop="address" label="第108周"></el-table-column>
        <el-table-column prop="date" label="第120周" ></el-table-column>
        <el-table-column prop="name" label="第132周" ></el-table-column>
        <el-table-column prop="address" label="第144周(提前停药ED)"></el-table-column>
        <el-table-column prop="date" label="随访访视(HBsAg转阴后4-12周)" ></el-table-column>
        <el-table-column prop="name" label="随访访视(治疗结束后12周)" ></el-table-column>
        <el-table-column prop="address" label="随访访视(治疗结束后24周)"></el-table-column>
        <el-table-column prop="date" label="共同页" ></el-table-column>
        <el-table-column prop="name" label="治疗结束页" ></el-table-column>
        <el-table-column prop="address" label="计划外访视"></el-table-column>
        <el-table-column prop="date" label="计划外访视1" ></el-table-column>
        <el-table-column prop="name" label="研究总结页" ></el-table-column> -->
      </el-table>
    </el-card>
  </div>
</template>
<script>
import {getvisitwt} from '../../../api/data'
export default {
  data(){
    return {
        tableData:[]
    }
  },
    created(){
    console.log(123)
    getvisitwt().then(res =>{
      this.tableData = res.data
    })
  }
};
</script>

<style lang="less" scoped>
/deep/.el-select .el-input {
  width: 110px;
}
/deep/.input-with-select .el-input-group__prepend {
  background-color: #fff;
}
</style>